<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <link href="../images/auto_switch_logo.png" rel="icon">
    <link href="style_text/public_style.css" rel="stylesheet">
    <script src="../javascript_text/capture_replacement.js"></script>
    <script src="../javascript_text/comm_js.js"></script>
    <title>自动转换</title>
</head>
<body>
<div class="outer">
    <!-- 菜单栏开始 -->
    <div class="menu" id="navbar"></div>
    <!-- 菜单栏结束 -->
    <div class="space"></div>
    <!-- 工作栏开始 -->
    <div class="comm-taskbar-outer">
        <div class="comm-file-upload-inner">
            <label class="custom-file-upload" for="file-upload" id="file-upload-label">
                选择文件
            </label>
            <input accept="video/*" id="file-upload" name="videoUpload" type="file"/>
            <div class="file-upload-text" id="file-upload-text">请上传需要转换的文件</div>
            <div class="hint">
                <span class="file-upload-text">想要批量选择</span>
                <div class="info-circle" data-modal="bulk-selection-modal">?</div>
            </div>
        </div>
        <script>captureReplacement()</script>
        <div class="space"></div>
        <div>
            <form>
                <fieldset>
                    <legend>截图方式</legend>
                    <div class="radio-container">
                        <input checked id="screenshot-separated" name="screenshot-model" type="radio"
                               value="screenshot-separated">
                        <label for="screenshot-separated">每隔几秒截一次<span class="space4"></span></label>
                        <input class="input-box-settings"
                               id="vti-screenshot-separated-number"
                               max="1000"
                               min="1"
                               name="vti-screenshot-separated-number"
                               onblur="resetToDefaultValueForText('vti-screenshot-separated-number', 1, this, false)"
                               onclick="selectedTextInput('vti-screenshot-separated-number',this)"
                               placeholder="请输入需截取张数"
                               type="number"
                               value="1">
                        <label for="vti-screenshot-separated-number"></label>
                    </div>
                    <div class="radio-container">
                        <input id="screenshot-uniform" name="screenshot-model" type="radio" value="screenshot-uniform">
                        <label for="screenshot-uniform">
                            均匀分配整个视频, 截取对应的张数<span class="space4"></span>
                        </label>
                        <input class="input-box-settings"
                               id="vti-uniform-distribution"
                               max="1000"
                               min="2"
                               name="vti-uniform-distribution"
                               onblur="resetToDefaultValueForText2('vti-uniform-distribution', 2, this)"
                               onclick="selectedTextInput('vti-uniform-distribution', this)"
                               placeholder="请输入需截取张数"
                               type="number"
                               value="2">
                        <label for="vti-uniform-distribution"></label>
                    </div>
                </fieldset>
            </form>
            <form>
                <div>
                    <button class="button-style1" type="button">开始转换</button>
                </div>
                <br><br>
                <div>
                    <button class="button-style1" type="button">下载转换好的文件</button>
                </div>
            </form>
        </div>
        <div class="modal" id="cancel-modal">
            <div class="modal-content">
                <span class="comm-modal-title">确定要取消选择文件吗？</span><br><br>
                <span>您选择的所有文件将被取消</span><br><br><br>
                <button class="button-style1" id="confirm-cancel">确定</button>
                <br>
                <button class="button-style1" id="cancel-cancel">取消</button>
            </div>
        </div>
        <div class="modal" id="bulk-selection-modal">
            <div class="modal-content">
                <span class="comm-modal-title">暂时不支持批量选择</span><br><br>
                <span class="close" data-modal="bulk-selection-modal">知道了</span>
            </div>
        </div>
    </div>
    <!-- 工作栏结束 -->
    <div class="space3"></div>
</div>
<div class="about">
    <img alt="加载失败" class="about-img" height="60" src="../images/auto_switch_logo.png">
    <span>
        Auto Switch
    </span>
</div>
</body>
</html>